<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>卷组管理</title>
	<link rel="stylesheet" href="../../css/index.css" />
</head>
<body>
<div class="main-page">
	<!--挂载卷组 飞出层-->
	<div class="mount-manage d-n">
		<div class="mount-manage-panel">
			<div class="panel-header">
				<li class="tab-list on"><a class="tab-item">挂载卷组</a></li>
				<a class="close-pop com_icon"></a>
			</div>
			<div class="panel-handle-box">
				<div class="search-show">
					<div class="input-box">
						<input class="import-box" type="text" placeholder="虚拟机名称" />
					</div>
					<div class="input-box">
						<input class="import-box" type="text" placeholder="IP" />
					</div>
					<a class="search-btn search_icon"></a>
					<a class="search-back-btn search_icon d-ib"></a>
				</div>
			</div>
			<div class="table b-b-r">
				<ul class="ul_head">
					<li style="width: 13%; border:0; padding-left:5%;">用户名</li>
					<li style="width: 11%">所属服务器</li>
					<li style="width: 11%">虚拟机名称</li>
					<li style="width: 13%">镜像/快照</li>
					<li style="width: 15%">外网IP</li>
					<li style="width: 30%">创建时间</li>
				</ul>
				<ul class="top_ul_body ul_body pos-re of-h">
					<!--<li class="no-data-box">目前还没有数据，请先进行搜索</li>-->
					<li class="li_tr">
						<ul>
							<li class="ul_body_td" style="width: 5%">
								<p class="td_content">
									<a class="ip-radio select_icon radio_icon"></a>
								</p>
							</li>
							<li class="ul_body_td" style="width:13%">
								<p class="td_content">
									trolia
								</p>
							</li>
							<li class="ul_body_td" style="width: 11%">
								<p class="td_content">server10</p>
							</li>
							<li class="ul_body_td" style="width: 11%">
								<p class="td_content t-out">研发专用</p>
							</li>
							<li class="ul_body_td" style="width: 13%">
								<p class="td_content t-out">Windows XP</p>
							</li>
							<li class="ul_body_td" style="width: 15%">
								<p class="td_content t-out">172.08.109.212</p>
							</li>
							<li class="ul_body_td" style="width: 30%">
								<p class="td_content t-out">2016-4-23 18:21:21</p>
							</li>
						</ul>
					</li>
					<li class="li_tr">
						<ul>
							<li class="ul_body_td" style="width: 5%">
								<p class="td_content">
									<a class="ip-radio select_icon radio_icon"></a>
								</p>
							</li>
							<li class="ul_body_td" style="width:13%">
								<p class="td_content">
									trolia
								</p>
							</li>
							<li class="ul_body_td" style="width: 11%">
								<p class="td_content">server10</p>
							</li>
							<li class="ul_body_td" style="width: 11%">
								<p class="td_content t-out">研发专用</p>
							</li>
							<li class="ul_body_td" style="width: 13%">
								<p class="td_content t-out">Windows XP</p>
							</li>
							<li class="ul_body_td" style="width: 15%">
								<p class="td_content t-out">172.08.109.212</p>
							</li>
							<li class="ul_body_td" style="width: 30%">
								<p class="td_content t-out">2016-4-23 18:21:21</p>
							</li>
						</ul>
					</li>
				</ul>
				<!--底部确定按钮-->
				<div class="pop-foot b-b-r">
					<a class="sure-set-ip pop_btn">确定</a>
				</div>
			</div>
		</div>
	</div>
	<!--头部tab切换按钮区域-->
	<div class="tab-header">
		<ul class="tab-panel">
			<li class="tab-list on" data-src="volumeList.html" data-type="virtual"><a class="tab-item">卷组列表</a></li>
			<li class="tab-separate"></li>
			<li class="tab-list" data-src="volumeSnapshotList.html" data-type="volumeSnapshot"><a class="tab-item">卷组快照</a></li>
		</ul>
	</div>
	<!--页面主体内容显示区域-->
	<div class="page-bg page-content">

	</div>
</div>
</body>
<script type="text/javascript" src="../../js/libs/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../js/view/common/function.js"></script>
<script type="text/javascript" src="../../js/view/volumeManage/volumeManage.js"></script>
</html>

